import React from 'react';
// import bg from 'assets/bg.mp4';
import '../styles/app.scss'


const Index: React.FC = () => {

  return (
    <div className="app">
      {/* <video className="bg" src='./bg0.mp4' autoPlay={true} loop={true} muted={true} /> */}
      <img className="bg" src="bg2.jpg" alt=""/>
      <div className={"icon-wrapper"}>
        <img src="icons/01.png" className="img1" alt=""/>
        <img src="icons/02.png" className="img2" alt=""/>
        <img src="icons/03.png" className="img3" alt=""/>
        <img src="icons/04.png" className="img4" alt=""/>
        <img src="icons/05.png" className="img5" alt=""/>
        <img src="icons/06.png" className="img6" alt=""/>
        <img src="icons/07.png" className="img7" alt=""/>
        <img src="icons/08.png" className="img8" alt=""/>
        <img src="icons/09.png" className="img9" alt=""/>
        <img src="icons/10.png" className="img10" alt=""/>
        <img src="icons/11.png" className="img11" alt=""/>
        <img src="icons/12.png" className="img12" alt=""/>
        <img src="icons/13.png" className="img13" alt=""/>
        <img src="icons/14.png" className="img14" alt=""/>
        <img src="icons/15.png" className="img15" alt=""/>
        <img src="icons/16.png" className="img16" alt=""/>
      </div>
    </div>
  );
};

export default Index;   